@use "./theme-config.scss" as themeConfig;

.app-font-size10 {
  font-size: themeConfig.$app-font-size10;
}

.app-font-size11 {
  font-size: themeConfig.$app-font-size11;
}

.app-font-size12 {
  font-size: themeConfig.$app-font-size12;
}

.app-font-size13 {
  font-size: themeConfig.$app-font-size13;
}

.app-font-size14 {
  font-size: themeConfig.$app-font-size14;
}

.app-font-size15 {
  font-size: themeConfig.$app-font-size15;
}

.app-font-size16 {
  font-size: themeConfig.$app-font-size16;
}

.app-font-size18 {
  font-size: themeConfig.$app-font-size18;
}

.app-font-size20 {
  font-size: themeConfig.$app-font-size20;
}

.app-font-size24 {
  font-size: themeConfig.$app-font-size24;
}

.app-box-shadow {
  box-shadow: 0px 0px 15px -15px;
}

.page-container {
  height: 100%;
  width: 100%;
  padding: 15px;
  display: flex;
  flex-direction: column;
}

.page-container-inner {
  min-height: 300px;
}

.search-area {
  margin-bottom: 10px;
}

.pagination-area {
  margin-top: 10px;
}

.page-padding {
  padding: 10px;
}

// 页面底部操作按钮外层白色区域
.footer-button-area {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  padding: 10px;
}

.footer-button-area__button {
  flex: 1;
  margin-left: 10px;
}

.footer-button-area__button:first-child {
  margin-left: 0;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 7px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 7px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px #999999;
  background: #999999;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #ededed;
}
